    @charset"utf-8";
    $font-size:20px;
    $color:#ff9344;
    @function r($px) {
        @return $px/$font-size *1rem;
    }
    
    .web {
        width: 100%;
        position: relative;
        header {
            padding-top: r(17px);
            padding-bottom: r(9px);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            .header_logo {
                width: r(123px);
                height: r(123px);
                margin-left: r(23px);
                overflow: hidden;
                a {
                    display: inline-block;
                    img {
                        width: 100%;
                    }
                }
            }
            .ctiy {
                width: r(163px);
                height: r(60px);
                box-sizing: border-box;
                border: r(3px) solid $color;
                color: #000000;
                font-size: r(26px);
                margin-top: r(30px);
                margin-right: r(21px);
                position: relative;
                select {
                    width: 100%;
                    height: 100%;
                    line-height: r(60px);
                    border: none;
                    -webkit-appearance: none;
                    //                   消除元素自带样式
                    padding-left: r(14px);
                }
                &:after {
                    content: "";
                    border-top: r(16px) solid $color;
                    border-left: r(15px) solid transparent;
                    border-right: r(15px) solid transparent;
                    position: absolute;
                    right: r(11px);
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
            .search {
                width: r(269px);
                height: r(55px);
                margin: 0 auto;
                box-sizing: border-box;
                border: r(3px) solid $color;
                margin-top: r(34px);
                border-radius: r(55px);
                padding-left: r(20px);
                padding-right: r(15px);
                position: relative;
                input[type='text'] {
                    width: r(191px);
                    height: 100%;
                    font-size: r(24px);
                    color: #7777777;
                    border: none;
                    padding: 0 r(7px);
                }
                .iconfont {
                    position: absolute;
                    font-size: r(34px);
                    right: r(12px);
                    top: 50%;
                    transform: translateY(-50%);
                    color: $color;
                }
            }
        }
        main {
            .datu img {
                width: 100%;
                margin-top: r(149px);
            }
            .privilege {
                margin-top: r(31px);
                .privilege_1 {
                    width: 100%;
                    font-size: r(30px);
                    margin-left: r(21px);
                    img {
                        width: r(58px);
                    }
                    .ty {
                        margin-top: -21px;
                        vertical-align: super;
                    }
                }
                .privilege_2 {
                    display: inline-block;
                    margin-top: r(-24px);
                    margin-right: r(21px);
                    a {
                        font-size: r(24px);
                        color: #000000;
                        img {
                            width: r(26px);
                            vertical-align: sub;
                        }
                    }
                }
            }
            .tr {
                width:r(585px);
                margin: 0 auto;                
                margin-top: r(18px);
                img {
                    width: r(241px);
                    height: r(94px);
                } 
            }
            .wj {
                width: 100%;
                margin-top: r(38px);
                .se {
                    font-size: r(30px);
                    margin-left: r(21px);
                   .se_1{
                       vertical-align: super;
                   }
                    img {
                        width: r(58px);
                    }
                }
                .sf {
                    font-size: r(24px);
                    margin-right: (21px);
                    img {
                        width: r(27px);
                        vertical-align: sub;
                    }
                }
            }
            .sushi {
                margin-left: r(21px);
                margin-top: r(34px);
                img {
                    width: r(211px);
                    height: r(165px);
                }
                .sushi_1 {
                    height: r(122px);
                    margin-top: r(29px);
                    margin-left: r(20px);
                    vertical-align: middle;
                    .max_1 {
                        font-size: r(30px);
                    }
                    .max_2 {
                        font-size: r(22px);
                        color: #696969;
                        position: relative;
                        top: 0;
                        left: r(80px);
                    }
                    .mac {
                        font-size: r(22px);
                        margin-left: r(9px);
                        margin-top: r(20px);
                        color: #696969;
                    }
                    .mab {
                        margin-left: r(7px);
                        margin-top: r(5px);
                        .mab_1 {
                            font-size: r(32px);
                            color: #ffa366;
                        }
                        .mab_2 {
                            font-size: r(22px);
                            color: #696969;
                            position: relative;
                            top: 0;
                            left: r(200px);
                        }
                    }
                }
            }
        }
        footer {
            width: 100%;
            padding: r(17px) 0;
            ul {
                li {
                    width: 25%;
                    text-align: center;
                    a {
                       span{
                           img{
                              width: r(72px); 
                           }
                       }
                       div{
                           color: #000000;
                       }
                    }
                    
                }
            }
        }
    }